<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>图片总数--layui后台管理模板</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/static/res/hint/css/message.css">
    <link rel="stylesheet" href="/static/res/layui/css/layui.css">
    <style type="text/css">
        /*图片管理*/
        #Images li {
            width: 19%;
            margin: 0.5% 0.5%;
            float: left;
            overflow: hidden;
        }

        #Images li img {
            width: 100%;
            cursor: pointer;
        }

        #Images li .operate {
            display: block;
            height: 40px;
            width: 100%;
            background: #f4f5f9;
        }

        #Images li .operate .check {
            float: left;
            margin-left: 11px;
            height: 18px;
            padding: 11px 0;
            width: 74%;
            position: relative;
        }

        #Images li .operate .check .layui-form-checkbox[lay-skin=primary] {
            width: 100%;
        }

        #Images li .operate .check .layui-form-checkbox[lay-skin=primary] span {
            padding: 0 5px 0 25px;
            width: 100%;
            box-sizing: border-box;
        }

        #Images li .operate .check .layui-form-checkbox[lay-skin=primary] i {
            position: absolute;
            left: 0;
            top: 0;
        }

        #Images li .operate .img_del {
            float: right;
            margin: 9px 11px 0 0;
            font-size: 22px !important;
            cursor: pointer;
        }

        #Images li .operate .img_del:hover {
            color: #f00;
        }

        @media screen and (max-width: 1050px) {
            #Images li {
                width: 24%;
            }
        }

        @media screen and (max-width: 750px) {
            #Images li {
                width: 49%;
            }
        }

        @media screen and (max-width: 432px) {
            #Images li {
                width: 99%;
            }
        }
    </style>
</head>
<body class="childrenBody">
<form class="layui-form">
    <blockquote class="layui-elem-quote news_search">
        <div class="layui-inline">
            <input type="checkbox" name="selectAll" id="selectAll" lay-filter="selectAll" lay-skin="primary" title="全选">
        </div>
        <div class="layui-inline">
            <a class="layui-btn layui-btn-danger batchDel" title="批量删除"><i class="layui-icon layui-icon-delete"></i></a>
        </div>
        <div class="layui-inline">
            <a class="layui-btn layui-btn-primary uploadNewImg" title="批量上传"><i class="layui-icon layui-icon-upload" ></i></a>
        </div>
    </blockquote>

    <ul class="layer-photos-demo" id="Images"></ul>
</form>
<script type="text/javascript" src="/static/res/layui/layui.js"></script>
<script type="text/javascript" src="/static/view/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/res/hint/js/message.js"></script>
<script type="text/javascript" src="/static/view/page/img/images.js"></script>

</body>
</html>